﻿<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>jQuery+CSS3万圣节南瓜加载和礼物盒动画特效</title>

<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Acme'>
<link rel="stylesheet" href="css/style.css">

</head>
<body>
  
<div class="top">
  <div class="ribbonTop"></div>
  <div class="ghost">
    <div class="eye left">
      <div class="eyeball"></div>
    </div>
    <div class="eye right">
      <div class="eyeball"></div>
    </div>
  </div>
  <div class="hand right"></div>
</div>
<div class="bottom">
  <div class="hand left"></div>
  <div class="ribbonBottom"></div>
  <div class="ribbonBottom h"></div>
</div>
<div>
  <h3 class="ghostText">Hummm?</h3>
</div>
<div class="pageLoading">
  <div class="pumpkin">
    <div class="pumpkinHead"></div>
    <div class="eye left"></div>
    <div class="eye right"></div>
    <div class="mouth"></div>
  </div>
  <div class="loading">
    <div class="bar"></div>
  </div>
</div>

<script src='js/jquery.min.js'></script>
<script src="js/index.js"></script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
<p>来源：<a href="http://www.lanrenzhijia.com/" target="_blank">懒人</a></p>
</div>
</body>
</html>